<template>
  <view class="page flex-col">

    <view class="group_3 flex-col">
      <view class="list_3 flex-col">
        <view
          class="list-items_1 flex-row"
          v-for="(item, index) in loopData0"
          :key="index"
        >
          <image
            class="image_2"
            referrerpolicy="no-referrer"
            :src="item.lanhuimage0"
          />
          <view class="text-group_4 flex-col">
            <text class="text_4" v-html="item.lanhutext0"></text>
            <text class="text_5" v-html="item.lanhutext1"></text>
          </view>
          <view class="group_1 flex-row" :style="{ background: item.lanhuBg2 }">
            <text
              v-if="item.slot1 === 1"
              class="text_6"
              v-html="item.specialSlot1.lanhutext0"
            ></text>
            <view
              v-if="item.slot2 === 2"
              class="image-text_3 flex-row justify-between"
            >
              <image
                class="thumbnail_3"
                referrerpolicy="no-referrer"
                src="/static/lanhu_151wodeguanzhu/SketchPng89fcdd7ca9718582eadc1dff73b6e5bad8787d71d708adaf7fa5d2c325ece269.png"
              />
              <text class="text-group_2">关注</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd8b781d138e90690fb6afb4314e2dc605c2f22c6b452575d58505dd1a8cafda5',
          lanhutext0: '袁棠',
          lanhutext1: '快来分享你生活中的美好',
          lanhuBg2:
            'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngde349a60e5270db674740ad6acc57ff06c1118bc7fcfd4271fdaa265a35e10fb) -6px -4px no-repeat',
          slot2: 2
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng82befb76479ca1f05c049f821024b1a99bada13be7b7950b45c2ae855469f8ac',
          lanhutext0: '漕必辰',
          lanhutext1: '快来分享你生活中的美好',
          lanhuBg2: 'rgba(248,248,248,1.000000)',
          specialSlot1: { lanhutext0: '已关注' },
          slot1: 1
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng75ff86ccdf5e21037c918672e5493148b7e7a575877a3c0bcb0c8ec9ce6c12e9',
          lanhutext0: '常正德',
          lanhutext1: '快来分享你生活中的美好',
          lanhuBg2: 'rgba(248,248,248,1.000000)',
          specialSlot1: { lanhutext0: '已关注' },
          slot1: 1
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng76ff76e18c77c787630d7dec373178527a588232f4c95f2a77915fa1feb0fc89',
          lanhutext0: '程盼丹',
          lanhutext1: '快来分享你生活中的美好',
          lanhuBg2: 'rgba(248,248,248,1.000000)',
          specialSlot1: { lanhutext0: '已关注' },
          slot1: 1
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6186ba0e69a6ae18b22371e9777df63d389c3561c198ba6b2a0c34f7383c8792',
          lanhutext0: '沈涵',
          lanhutext1: '快来分享你生活中的美好',
          lanhuBg2: 'rgba(248,248,248,1.000000)',
          specialSlot1: { lanhutext0: '已关注' },
          slot1: 1
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4e28047c195726f62db0b7ab97389ef1f081f81c6f0c1b9627daaff2da4f18b2',
          lanhutext0: '方悦恺',
          lanhutext1: '快来分享你生活中的美好',
          lanhuBg2: 'rgba(248,248,248,1.000000)',
          specialSlot1: { lanhutext0: '已关注' },
          slot1: 1
        }
      ],
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>
